<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="js/index.js"></script>
    <script src="js/lunbo.js"></script>
    <script src="js/move.js"></script>
    <script src="js/lunbo1.js"></script>
    <script src="js/duding.js"></script>
    <script src="js/movetop.js"></script>
    <script src="./js/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <script src="./js/sw.js"></script>
</head>

<body>
    <!-- 固定导航 -->
    <div class="guding">
        <ul>
            <li>家用电器</li>
            <li>收集通讯</li>
            <li>电脑办公</li>
            <li>家居家具</li>
            <li>生活用品</li>
            <li>运动户外</li>
        </ul> 
        <div class="dingbu">返回顶部</div>
    </div>
    <!-- 导航模块开始 -->
    <nav class="nav_1 ">
        <div class="nav_box w">
            <div class="nav_left">
                <p>品优购欢迎您!</p><a href="#">请登录</a><a href="#">免费注册</a>
            </div>
            <div class="nav_right">
                <ul>
                    <li><a href="#">我的订单</a></li>
                    <li  class="ee">
                        <a href="#">我的品优购</a>
                        <ul class="box_pp">
                            <li >企业采购</li>
                            <li >企业采购</li>
                        </ul>
                    </li>
                    <li><a href="#">品优购会员</a></li>
                    <li><a href="#">企业采购</a></li>
                    <li class="ee">
                        <a href="#">关注品优购</a>
                        <ul class="box_pp">
                            <li >企业采购</li>
                            <li >企业采购</li>
                        </ul>
                    </li>
                    <li class="ee">
                        <a href="#">客户服务</a>
                        <ul class="box_pp">
                            <li >企业采购</li>
                            <li >企业采购</li>
                        </ul>
                    </li>
                    <li class="ee">
                        <a href="#">网站导航</a>
                        <ul class="box_pp">
                            <li >企业采购</li>
                            <li >企业采购</li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <script>
        let li = document.querySelectorAll('.box_pp')
        let li1 = document.querySelectorAll('.ee')
        for (let i =0; i< li1.length;i++) {
            li1[i].addEventListener('mouseover',function(){
                for(let j = 0; j < li1.length ;j++) {
                    li[j].style.display = 'none'
                }
                li[i].style.display = 'block'
            })
            li[i].addEventListener('mouseout',function(){
                li[i].style.display = 'none'
            })
            li[i].addEventListener('blur',function(){
                li[i].style.display = 'none'
            })
        }
        li.forEach(val => {
            val.style.display = 'none'
            val.addEventListener('click',function(e){
                let {targer} = e
                    
                
            })
        })
    </script>
    <!-- 导航模块完结 -->
    <!-- log与搜索模块开始 -->
    <div class="loge w">
        <h1>
            <a href="#">
                <img src="./imges/pinyou.com.png" alt="">
            </a>
        </h1>
        <div class="scrict">
            <div class="box">
                <input type="search" placeholder="请输入搜索内容....">
                <button>搜索</button>
            </div>
            <div class="box1">
                <ul>
                    <li><a href="#">优惠购首发</a></li>
                    <li><a href="#">亿元优惠</a></li>
                    <li><a href="#">9.9元团购</a></li>
                    <li><a href="#">美满99减30</a></li>
                    <li><a href="#">办公用品</a></li>
                    <li><a href="#">电脑</a></li>
                    <li><a href="#">通信</a></li>
                </ul>
            </div>
        </div>
        <div class="loge_right">
            <div class="gouwuche">
                <!-- <img src="./imges/购物车拷贝2.png" alt=""> -->
                <i></i>
                <p>我的购物车</p>
            </div>
        </div>
    </div>
    <!-- 商品导航栏开始  -->
    <div class="nav_s ">
        <div class="nav_box1 w">
            <span>全部商品分类 </span>
            <ul>
                <li><a href="#">服装城</a></li>
                <li><a href="#">美妆馆</a></li>
                <li><a href="#">传智超市</a></li>
                <li><a href="#">全球购</a></li>
                <li><a href="#">闪购</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">有趣</a></li>
            </ul>
        </div>
    </div>
    <!-- 商品导航模块结束 -->
    <!-- 目录模块开始 -->
    <article class="article_box w">
        <div class="article_left">
            <ul>
                <li><a href="#">家用电器</a></li>
                <li><a href="#">手机、数码、通信</a></li>
                <li><a href="#">电脑、办公</a></li>
                <li><a href="#">家居、家具、家装、厨具</a></li>
                <li><a href="#">男装、女装、童装、内衣</a></li>
                <li><a href="#">个户化妆、清洁用品、宠物</a></li>
                <li><a href="#">鞋靴、箱包、珠宝、奢侈品</a></li>
                <li><a href="#">运动户外、钟表</a></li>
                <li><a href="#">汽车、汽车用品</a></li>
                <li><a href="#">母婴、玩具乐器</a></li>
                <li><a href="#">食品、酒类、生鲜、特产</a></li>
                <li><a href="#">医药保健</a></li>
                <li><a href="#">图书、音像、电子书</a></li>
                <li><a href="#">彩票、旅行、充值、票务</a></li>
                <li><a href="#">理财、众筹、白条、保险</a></li>
            </ul>
        </div>
        <div class="article_center">
            <ul class="article_left_img">
                <li><img src="./imges/图层554.png" alt=""></li>
                <li><img src="./imges/下载1.jpg" alt=""></li>
                <li><img src="./imges/下载2.jpg" alt=""></li>
                <li><img src="./imges/下载3.jpg" alt=""></li>
                <!-- <li><img src="./imges/图层554.png" alt=""></li> -->
            </ul>
            <ul class="article_left_dian">
                <!-- <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li> -->
            </ul>
            <div class="article_center_l"></div>
            <div class="article_center_r"></div>
        </div>
        <div class="article_right">
            <div class="article_right_kuaibao">
                <span>品优购快报 <a href="#">更多></a></span>
                <ul>
                    <li><a href="#">[特惠]备战开学季全民半价购数码</a></li>
                    <li><a href="#">[公告]品优稳占网站六成份额</a></li>
                    <li><a href="#">[特惠]百元中秋全品类礼券限量领</a></li>
                    <li><a href="#">[公告]上品优生鲜享阳澄湖大闸蟹</a></li>
                    <li><a href="#">[特惠]每日享折扣品优品质优</a></li>
                </ul>
            </div>
            <div class="article_right_nav">
                <ul>
                    <li><a href="#"><i></i>
                            <p>话费</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>机票</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>电影票</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>游戏</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>彩票</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>加油卡</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>酒店</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>火车票</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>众筹</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>理财</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>礼品卡</p>
                        </a></li>
                    <li><a href="#"><i></i>
                            <p>白条</p>
                        </a></li>
                </ul>
            </div>
            <div class="guang">
                <img src="./imges/图层558.png" alt="">
            </div>
        </div>
    </article>
    <!-- 目录模块结束 -->
    <!-- 今日推荐模块 -->
    <div class="jinr w">
        <i></i>
        <ul>
            <li><a href="#" title="优质好货"></a></li>
            <li><a href="#" title="品牌尾货"></a></li>
            <li><a href="#" title="时尚穿搭"></a></li>
            <li><a href="#" title="0点上新"></a></li>
        </ul>
    </div>
    <!-- 今日推荐模块结束 -->
    <!-- 猜你喜欢模块开始 -->
    <article class="article_love w">
        <span class="article_love_left">猜你喜欢</span>
        <span class="article_love_right">换一批</span>
    </article>
    <!-- 猜你喜欢内容模块 -->
    <div class="article_love_box w">
        <ul>
            <li>
                <span><a href="#"><img src="./imges/图层152.png" alt=""></a></span>
                <i>

                    <a href="#">阳光美包新款单肩包女包时尚子母包四件套女</a>
                    <p>&yen;116.00</p>
                </i>
            </li>
            <li>
                <span><a href="#"><img src="./imges/图层153.png" alt=""></a></span>
                <i>
                    <a href="#">爱仕达 30CM炒锅不粘锅NWG8330E电磁炉炒</a>
                    <p>&yen;99.00</p>
                </i>
            </li>
            <li>
                <span><a href="#"><img src="./imges/图层154.png" alt=""></a></span>
                <i>
                    <a href="#">捷波朗（jabra）BOOSI劲步</a>
                    <p>&yen;245.00</p>
                </i>
            </li>
            <li>
                <span><a href="#"><img src="./imges/图层156.png" alt=""></a></span>
                <i>
                    <a href="#">欧普JYLZ08面板灯平板灯铝</a>
                    <p>&yen;238.00</p>
                </i>
            </li>
            <li>
                <span><a href="#"><img src="./imges/图层158.png" alt=""></a></span>
                <i>
                    <a href="#">三星（G5500）移动联</a>
                    <p>&yen;649.00</p>
                </i>
            </li>
            <li>
                <span><a href="#"><img src="./imges/图层159.png" alt=""></a></span>
                <i>
                    <a href="#">韩国所望紧致湿润精华露400ml</a>
                    <p>&yen;649.00</p>
                </i>
            </li>
        </ul>
    </div>
    <!-- 猜你喜欢模块结束 -->
    <!-- 传智播客模块开始 -->
    <article class="article_love w">
        <span class="article_love_left">传智播客·有趣区</span>
    </article>
    <div class="article_podcast w">
        <div class="article_podcast_l">
            <img src="./imges/好书一折.png" alt="">
        </div>
        <div class="article_podcast_c">
            <ul>
                <li>好东西</li>
                <li><a href="#"><img src="./imges/达人推荐雷神金属机械键盘与你相见恨晚.png" alt=""></a></li>
                <li><a href="#"><img src="./imges/发现好物一不小心霸气外露等你来.png" alt=""></a></li>
            </ul>
        </div>
        <div class="article_podcast_pin">
            <ul>
                <li>品牌街</li>
                <li> <a href="#"><img src="./imges/苏泊尔返场大秀场爆品直降100元.png" alt=""></a> </li>
                <li>
                    <a href="#"><img src="./imges/国际大牌adidas部分3免1.png" alt=""></a>
                    <a href="#" class=".r"><img src="./imges/本周特卖大牌折扣每周上新.png" alt=""></a>
                </li>
            </ul>
        </div>
        <div class="article_podcast_r">
            <ul>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
                <li> <a href="#"></a> </li>
            </ul>
        </div>
    </div>
    <!-- 传智播客模块结束 -->
    <!-- 家用电器模块开始 -->
    <!-- <article class="box_article w"> -->
    <div class="box_dianqi w top1">
        <div class="box_dianqi_nav">
            <p>家用电器</p>
            <p><a href="#">热门</a> | <a href="#">大家电</a> | <a href="#">生活电器</a> | <a href="#">厨房电器</a> | <a
                    href="#">个护健康</a> | <a href="#">应季电器</a> | <a href="#">空气/净水</a> | <a href="#">新奇特</a> | <a
                    href="#">高端电器</a></p>
        </div>
        <div class="box_dianqi_article">
            <div class="box_dianqi_article_l">
                <div class="jj">
                    <ul>
                        <li><a href="#">节能补贴</a></li>
                        <li><a href="#">空气净化器</a></li>
                        <li><a href="#">滚筒洗衣机</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">4K电视</a></li>
                        <li><a href="#">IH电饭煲</a></li>
                        <li><a href="#">电热水器</a></li>
                    </ul>
                </div>
                <a href="#" class="gg"><img src="./imges/三星曲面电视抽奖送豪礼.png" alt=""></a>
            </div>
            <div class="box_dianqi_article_c ">
                <ul>
                    <li> <img src='./imges/图层118拷贝.png'> </li>
                    <li><img src='./imges/图层183拷贝.png'></li>
                    <li><img src='./imges/相机.png'></li>
                </ul>
                <div class="box"></div>
                <div class="box1"></div>
                <ol></ol>
            </div>
            <div class="dianqi_c">
                <ul>
                    <li><a href="#"><img src="imges/没满200减20元烘培节1元抢购.png"></a></li>
                    <li><a href="#"><img src="imges/买乐视电视享钜惠送60个月会员.png"></a></li>
                </ul>
            </div>
            <div class="dianqi_c">
                <div class="dianqi_c_img"> <a href="#"><img src="./imges/8.20彩电宅购节65寸4K智能电视3799.png" alt=""></a></div>
            </div>
            <div class="dianqi_c">
                <ul>
                    <li><a href="#"><img src="imges/消暑神器全场领券1元赢空调.png"></a></li>
                    <li><a href="#"><img src="imges/买乐视电风扇享钜惠送60个月会员.png"></a></li>
                </ul>
            </div>
        </div>
        <div class="guanggao">
            <ul>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>
        </div>
    </div>

    <!-- </article> -->

    <!-- 手机 -->
    <div class="box_dianqi w top2">
        <div class="box_dianqi_nav">
            <p>手机通讯</p>
            <p><a href="#">热门</a> | <a href="#">大家电</a> | <a href="#">生活电器</a> | <a href="#">厨房电器</a> | <a
                    href="#">个护健康</a> | <a href="#">应季电器</a> | <a href="#">空气/净水</a> | <a href="#">新奇特</a> | <a
                    href="#">高端电器</a></p>
        </div>
        <div class="box_dianqi_article">
            <div class="box_dianqi_article_l">
                <div class="jj">
                    <ul>
                        <li><a href="#">节能补贴</a></li>
                        <li><a href="#">空气净化器</a></li>
                        <li><a href="#">滚筒洗衣机</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">4K电视</a></li>
                        <li><a href="#">IH电饭煲</a></li>
                        <li><a href="#">电热水器</a></li>
                    </ul>
                </div>
                <a href="#" class="gg"><img src="./imges/三星曲面电视抽奖送豪礼.png" alt=""></a>
            </div>
            <div class="box_dianqi_article_c1">
                <ul class="ul">
                    <li class="li"> <img src='./imges/图层183拷贝.png'> </li>
                    <li class="li"><img src='./imges/相机.png'></li>
                    <li class="li"><img src='./imges/图层118拷贝.png'></li>
                </ul>
                <div class="box1"></div>
                <div class="box11"></div>
                <ol class="ol"></ol>
            </div>
            <div class="dianqi_c">
                <ul>
                    <li><a href="#"><img src="imges/没满200减20元烘培节1元抢购.png"></a></li>
                    <li><a href="#"><img src="imges/买乐视电视享钜惠送60个月会员.png"></a></li>
                </ul>
            </div>
            <div class="dianqi_c">
                <div class="dianqi_c_img"> <a href="#"><img src="./imges/8.20彩电宅购节65寸4K智能电视3799.png" alt=""></a></div>
            </div>
            <div class="dianqi_c">
                <ul>
                    <li><a href="#"><img src="imges/消暑神器全场领券1元赢空调.png"></a></li>
                    <li><a href="#"><img src="imges/买乐视电风扇享钜惠送60个月会员.png"></a></li>
                </ul>
            </div>
        </div>
        <div class="guanggao">
            <ul>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>
        </div>
    </div>
    <!-- 手机模块结束 -->
    <!-- 家具 -->
    <div class="box_dianqi w top2">
        <div class="box_dianqi_nav">
            <p>手机通讯</p>
            <p><a href="#">热门</a> | <a href="#">大家电</a> | <a href="#">生活电器</a> | <a href="#">厨房电器</a> | <a
                    href="#">个护健康</a> | <a href="#">应季电器</a> | <a href="#">空气/净水</a> | <a href="#">新奇特</a> | <a
                    href="#">高端电器</a></p>
        </div>
        <div class="box_dianqi_article">
            <div class="box_dianqi_article_l">
                <div class="jj">
                    <ul>
                        <li><a href="#">节能补贴</a></li>
                        <li><a href="#">空气净化器</a></li>
                        <li><a href="#">滚筒洗衣机</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">4K电视</a></li>
                        <li><a href="#">IH电饭煲</a></li>
                        <li><a href="#">电热水器</a></li>
                    </ul>
                </div>
                <a href="#" class="gg"><img src="./imges/三星曲面电视抽奖送豪礼.png" alt=""></a>
            </div>
            <div class="box_dianqi_article_c1">
                 <!-- Swiper -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="./imges/图层183拷贝.png" alt=""></div>
      <div class="swiper-slide"><img src="./imges/图层118拷贝.png" alt=""></div>
      <div class="swiper-slide"><img src="./imges/相机.png" alt=""></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>

            </div>
            <div class="dianqi_c">
                <ul>
                    <li><a href="#"><img src="imges/没满200减20元烘培节1元抢购.png"></a></li>
                    <li><a href="#"><img src="imges/买乐视电视享钜惠送60个月会员.png"></a></li>
                </ul>
            </div>
            <div class="dianqi_c">
                <div class="dianqi_c_img"> <a href="#"><img src="./imges/8.20彩电宅购节65寸4K智能电视3799.png" alt=""></a></div>
            </div>
            <div class="dianqi_c">
                <ul>
                    <li><a href="#"><img src="imges/消暑神器全场领券1元赢空调.png"></a></li>
                    <li><a href="#"><img src="imges/买乐视电风扇享钜惠送60个月会员.png"></a></li>
                </ul>
            </div>
        </div>
        <div class="guanggao">
            <ul>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>
        </div>
    </div>
    <!-- 家具结束 -->
    <!-- 家具 -->
    <div class="box_dianqi w top3">
        <div class="box_dianqi_nav">
            <p>电脑办公</p>
            <p><a href="#">热门</a> | <a href="#">大家电</a> | <a href="#">生活电器</a> | <a href="#">厨房电器</a> | <a
                    href="#">个护健康</a> | <a href="#">应季电器</a> | <a href="#">空气/净水</a> | <a href="#">新奇特</a> | <a
                    href="#">高端电器</a></p>
        </div>
        <div class="box_dianqi_article">
            <div class="box_dianqi_article_l">
                <div class="jj">
                    <ul>
                        <li><a href="#">节能补贴</a></li>
                        <li><a href="#">空气净化器</a></li>
                        <li><a href="#">滚筒洗衣机</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">4K电视</a></li>
                        <li><a href="#">IH电饭煲</a></li>
                        <li><a href="#">电热水器</a></li>
                    </ul>
                </div>
                <a href="#" class="gg"><img src="./imges/三星曲面电视抽奖送豪礼.png" alt=""></a>
            </div>
            <div class="box_dianqi_article_c1">
                 <!-- Swiper -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="./imges/图层183拷贝.png" alt=""></div>
      <div class="swiper-slide"><img src="./imges/图层118拷贝.png" alt=""></div>
      <div class="swiper-slide"><img src="./imges/相机.png" alt=""></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>

            </div>
            <div class="dianqi_c">
                <ul>
                    <li><a href="#"><img src="imges/没满200减20元烘培节1元抢购.png"></a></li>
                    <li><a href="#"><img src="imges/买乐视电视享钜惠送60个月会员.png"></a></li>
                </ul>
            </div>
            <div class="dianqi_c">
                <div class="dianqi_c_img"> <a href="#"><img src="./imges/8.20彩电宅购节65寸4K智能电视3799.png" alt=""></a></div>
            </div>
            <div class="dianqi_c">
                <ul>
                    <li><a href="#"><img src="imges/消暑神器全场领券1元赢空调.png"></a></li>
                    <li><a href="#"><img src="imges/买乐视电风扇享钜惠送60个月会员.png"></a></li>
                </ul>
            </div>
        </div>
        <div class="guanggao">
            <ul>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>
        </div>
    </div>
    <!-- 家具结束 -->
    <!-- 热门疯抢模块开始 -->
    <div class="fool w">
        <p>热门疯抢</p>
        <span>
            <div class="fool_1"><a href="#"></a></div>
            <div class="fool_2">
                <ul>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
            </div>
            <div class="fool_2">
                <ul>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
            </div>
            <div class="fool_2">
                <ul>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
            </div>
            <div class="fool_5"></div>
        </span>
    </div>
    <!-- 疯抢模块结束 -->
    <!-- 底部介绍开始 -->
    <footer>
        <div class="footer_nav w">
            <ul>
                <li>
                    <i></i>
                    <span>
                        <h6>正品保障</h6>
                        <p>正品保障提供发票</p>
                    </span>
                </li>
                <li>
                    <i></i>
                    <span>
                        <h6>正品保障</h6>
                        <p>正品保障提供发票</p>
                    </span>
                </li>
                <li>
                    <i></i>
                    <span>
                        <h6>正品保障</h6>
                        <p>正品保障提供发票</p>
                    </span>
                </li>
                <li>
                    <i></i>
                    <span>
                        <h6>正品保障</h6>
                        <p>正品保障提供发票</p>
                    </span>
                </li>
                <li>
                    <i></i>
                    <span>
                        <h6>正品保障</h6>
                        <p>正品保障提供发票</p>
                    </span>
                </li>
            </ul>
        </div>
        <div class="footer_nav1 w">
            <ul class="footer1">
                <li>
                    <h6>购物指南</h6>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常见问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </li>
                <li>
                    <h6>配送方式</h6>
                    <ul>
                        <li>上门自提</li>
                        <li>211限时达</li>
                        <li>配送服务查询</li>
                        <li>配送费收取标准</li>
                        <li>海外配送</li>
                    </ul>
                </li>
                <li>
                    <h6>配送方式</h6>
                    <ul>
                        <li>上门自提</li>
                        <li>211限时达</li>
                        <li>配送服务查询</li>
                        <li>配送费收取标准</li>
                        <li>海外配送</li>
                    </ul>
                </li>
                <li>
                    <h6>配送方式</h6>
                    <ul>
                        <li>上门自提</li>
                        <li>211限时达</li>
                        <li>配送服务查询</li>
                        <li>配送费收取标准</li>
                        <li>海外配送</li>
                    </ul>
                </li>
                <li>
                    <h6>配送方式</h6>
                    <ul>
                        <li>上门自提</li>
                        <li>211限时达</li>
                        <li>配送服务查询</li>
                        <li>配送费收取标准</li>
                        <li>海外配送</li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>帮助中心</li>
                        <li><img src="./imges/二维码.png" alt=""></li>
                        <li>品优购客户端</li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="oo w">
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
            <a href="#">关于我们</a>
        </div>
        <div class="w zz">
            <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
            <p>京ICP备08001421号京公网安备110108007702</p>
        </div>
    </footer>
</body>

</html>